<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <script src="index.js"></script>
        <style>
			*{
				margin: 0;
				padding: 0;
			}
			#div1{
				width: 100vw;
				height: auto;
				margin-top: 50px;
				position: relative;
				overflow: hidden;
			}
			#ul1{
				position: absolute;
				left: 0px;
			}
			#ul1 li{
				width: 100vw;
				height: auto;
				float: left;
				list-style: none;
			}
            #ul1 li img{
                max-width: 100%;
            }
        </style>
    </head>
    <body>
    	<div id="div1">
    		<ul id="ul1">
    			<li><img src="images/147747794443_1440x520.jpg" alt=""></li>
    			<li><img src="images/147756868459_1440x520.jpg" alt=""></li>
    			<li><img src="images/147796368558_1440x520.jpg" alt=""></li>
    			<li><img src="images/147797099517_1440x520.jpg" alt=""></li>
    			<li><img src="images/147807967979_1440x520.jpg" alt=""></li>
    			<li><img src="images/147808034331_1440x520.jpg" alt=""></li>
    			<li><img src="images/147814382873_1440x520.jpg" alt=""></li>
    		</ul>
    	</div>
    </body>
</html>